<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page pageEncoding="utf-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新青年宠物销售平台</title>
    <%@include file="./common/header.jsp"%>
</head>
<body>
<jsp:include page="./common/nav.jsp">
    <jsp:param name="backgroud" value="/img/pet/top-dog-1.jpg"/>
</jsp:include>
<div class="main">

    <jsp:include page="./common/main_nav.jsp">
        <jsp:param name="petkinds" value="搜索狗狗"/>
    </jsp:include>

    <div class="coo-title">
        <h1 class="coo-hd-tittle">${dogdetails.name} <small>${dogdetails.queryNumber}</small></h1>
    </div>
    <div class="container tim-container">
        <div class="row">
            <div class="col-md-5">
                <img src="${pageContext.request.contextPath}${dogdetails.imagePath}" alt="${dogdetails.name}  - ${dogdetails.queryNumber} image" class="img-rounded img-responsive">
                <div class="space-30"></div>
            </div>
            <div class="col-md-7">
                <table class="tbl-pet">
                    <thead>
                    </thead>
                    <tbody>
                    <tr>
                        <th class="coo-bg-lightgreen">状态</th>
                        <td class="coo-bg-lightgreen">受理中</td>
                    </tr>
                    <tr>
                        <th>查询号码</th>
                        <td>${dogdetails.queryNumber}</td>
                    </tr>
                    <tr>
                        <th class="coo-bg-lightgreen">店铺</th>
                        <td class="coo-bg-lightgreen"><a href="${pageContext.request.contextPath}" target="_blank">新青年宠物店</a></td>
                    </tr>
                    <tr>
                        <th>性别</th>
                        <td>女孩</td>
                    </tr>
                    <tr>
                        <th class="coo-bg-lightgreen">生日</th>
                        <td class="coo-bg-lightgreen">${dogdetails.birthday}</td>
                    </tr>
                    <tr>
                        <th>毛色</th>
                        <td>白色</td>
                    </tr>
                    <tr>
                        <th class="coo-bg-lightgreen">出生地</th>
                        <td class="coo-bg-lightgreen">上海市</td>
                    </tr>
                    <tr>
                        <th>血统书</th>
                        <td>Yes</td>
                    </tr>
                    <tr class="pet-price">
                        <th class="coo-bg-lightgreen">宠物价格</th>
                        <td class="coo-bg-lightgreen"><span class="text-danger">${dogdetails.price}</span></td>
                    </tr>
                    </tbody>
                </table>
                <!--
                <div class="space-30"></div>
                <div class="text-center">
                  <button onclick="location.href='#'" class="btn btn-lg btn-fill btn-coo-pink btn-tooltip" data-toggle="tooltip" data-placement="top" title="Contact us">この生体について問い合せる</button>
                  <div class="space-30"></div>
                </div>
                 -->
            </div>
        </div>

        <hr>

        <div class="container text-center">
            <div class="row">
                <div class="col-md-4">
                    <p>
                        <img src="${pageContext.request.contextPath}${dogdetails.imagePath2}" alt="${dogdetails.name} - ${dogdetails.queryNumber} sub-image_1" class="img-rounded img-responsive">
                    </p>
                </div>
                <div class="col-md-4">
                    <p>
                        <img src="${pageContext.request.contextPath}${dogdetails.imagePath3}" alt="${dogdetails.name} - ${dogdetails.queryNumber} sub-image_2" class="img-rounded img-responsive">
                    </p>
                </div>
                <div class="col-md-4">
                    <p>
                        <img src="${pageContext.request.contextPath}${dogdetails.imagePath4}" alt="${dogdetails.name} - ${dogdetails.queryNumber} sub-image_3" class="img-rounded img-responsive">
                    </p>
                </div>
            </div>
        </div>
        <hr>
        <div class="space-30"></div>
    </div>
    <div class="text-center">
        <p class="coo-text-brown">如果要寻找其他品种的狗狗，请联系赵纬和洪树军。</p>
        <div class="space-30"></div>
            <button name="others" onclick="window.location.href='${pageContext.request.contextPath}/index.action'" class="btn btn-fill btn-coo-pink btn-tooltip" data-toggle="tooltip" data-placement="top" title="" data-original-title="back to the search page">回到首页</button>
        <div class="space-30"></div>
    </div>
</div>
<%@include file="./common/footer.jsp"%>
<%@include file="./common/js.jsp"%>
</body>
</html>